.el-row {
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: #848a96;
}


.bg-purple {
    background-color: rgba(242, 242, 242, 0.89); /* 更改为浅灰色背景，若需要紫色，请自行指定 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);

}

.enhanced-container {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    padding: 16px; /* 添加内边距，提升舒适感 */
}

.video-column {
    position: relative; /* 为视频容器设置相对定位，以便添加覆盖层 */
}

.video-display img {
    border-radius: 10px; /* 视频显示区域添加圆角 */
}

.empty-message {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 18px;
    color: #06143d; /* 调整空状态提示文字颜色 */
}

.additional-feature .empty-message {
    background-color: #fff; /* 确保空状态背景与父容器一致 */
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 4px;
}

.bg-purple-light {
    background: #e5e9f2;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}

.el-container {
    display: flex;
    height: 50vmax; /*将容器的高度调整为视口高度*/
    overflow: hidden; /*隐藏溢出内容*/
}

.el-main {
    overflow: auto;
    scrollbar-width: none; /* 隐藏 Firefox 中的滚动条 */
    -ms-overflow-style: none; /* 隐藏 IE/Edge 中的滚动条 */
}

.el-main::-webkit-scrollbar {
    display: none; /* 隐藏 Chrome 和 Safari 中的滚动条 */
}


